/* 1. 公共属性样式 */

/* 通栏 */
.container-fluid{ min-width: 1200px;}

/* 版心 */
.container{ width: 1200px; margin: 0 auto;}

/* 测试工具 */
.bd{ border: 1px solid red;}

/* 浮动 */
.fl{ float: left;}
.fr{ float: right;}
.clearfix::after{ content: ''; height: 0; display: block; clear: both;}

/* 怪异盒子 */
.boxs{box-sizing: border-box;}
/* 定位 */
.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position: fixed;}

/* bg-color */
.bgc25{ background-color: #252525;}
.bgc14{ background-color: #141414;}
.bgcc{background-color: #f4f4f4;}
.bgfb{background-color: #ffdbdb;}
.bgaf{background-color: #acd0ff;}
.bgcf80{background-color: #feb80f;}
.bgff{background-color: white;}
.bg7a4{background-color: #7a45e5;}
.bgf70{background-color: #f770cf;}
.bg00b{background-color: #00b262;}
.bgf8a{background-color: #ffeb8a;}
.bgdb{background-color: #dbdbdb;}

/* margin */
.mt6{margin-top: 6px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mr20{ margin-right: 21px;}
.mr9{margin-right: 9px;}
.mr4{margin-right: 4px;}
.mt20{ margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mtb30{ margin: 30px 0;}
.mtb20{ margin: 20px 0;}
.mr40{margin-right: 40px;}
.mr10{ margin-right: 10px;}
.mr16{margin-right: 16px;}
.mr6{margin-right: 6px;}
.ml6{margin-left: 6px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mr88{margin-right: 88px;}
.mb3{margin-bottom: 3px;}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.ml34{margin-left: 34px;}
.ml60{margin-left: 60px;}
.ml74{margin-left: 74px;}
/* color */
.cred{color: red;}
.c15bded{ color:#15bded }
.cfeb80f{color: #feb80f;}
.ccc{color: #ccc;}
.cwhite{color: white;}
.cblack{color: black;}
.clolor9f{color: #9f9f9f;}
.clolorf72{color: #ff72fd;}
.c06f{color: #006fff;}
.cla3b{color: #a76c3b;}
.clf94e{color: #ff940e;}

/* 字体大小 */
.font10{font-size: 10px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font26{font-size: 26px;}
/* padding */
.ptrl61{padding: 0 66px 0 11px;}
.ptb10{ padding: 0 11px;}
.ptb11{padding: 15px 0;}
.pttb10{padding: 10px 0;}
.pt5{padding-top: 3px;}
.ptlfb{padding: 0 60px 10px 20px;}
.ptp28{padding: 28px;}
.pall10{padding: 10px;}
.ptlr10{padding: 0 10px;}
.ptlr15{padding: 0 15px;}
.ptlr20{padding: 0 20px;}
.p224{padding: 20px 24px 40px;}
.ptl20{padding-left: 20px;}
.pt50{padding-top: 50px;}
.pt30{padding-top: 30px;}
.pt6{padding-top: 6px;}
.ptbb10{padding-bottom: 10px;}
.ptb20{padding-bottom: 20px;}
.ptb16{padding-bottom: 16px;}
/* 文本居中 */
.ta{text-align: center;}

/* 行内块 */
.displb{display: inline-block;}
.displ{display: block;}

/* 边框 */
.borderl2{border-left: 2px solid #ccc;}
.borderb1{border-bottom: 1px solid #ccc;}

/* 行高 */
.lh20{line-height: 20px;}
.lh30{line-height: 30px;}
.lh50{line-height: 50px;}

/* 定位 */
.porl82{position: relative;left: -82px;}

/* 加粗 */
.fontwei{font-weight: bold;}
/* 贯穿线 */
.lith{text-decoration: line-through;}

/* 2. 公共模块样式 */
/* 头部 */
/* head */
.nav .Head{
    background-color: black;
    color: white;
}
.nav .head-r a{
    color: #9c5d00;
}
.nav .head-l a{
    color: white;
}
.nav .head{
    height: 30px;
    line-height: 30px;
}
/* logo */
.nav .Search{
    padding: 10px;
}
/* 搜索框 和 导航 */
.nav .search{
    position: relative;
}
.nav .search li{
    float: left;
    margin-right: 50px;
    margin-top: 40px;
}
.active-nav{
    color: #feb80f;
}
.nav .search li:last-child{
    margin-right: 0;
}
.nav .search input{
    width: 430px;
    height: 34px;
    border: 2px solid #feb80f;
    margin-top: 10px;
}
.nav .search .img{
    width: 50px;
    line-height: 34px;
    border: 2px solid #feb80f;
    background-color: #feb80f;
    text-align: center;
    position: absolute;
    top: 9%;
    right: 43.4%;
}
.nav .search img{
    width: 30px;
}
.nav .search a{
    display: block;
    float: right;
    width: 128px;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #ccc;
}
.nav .search .bgcar{
    background: url(../imgs/购物车.png) no-repeat 10px/30px;
}
/* 尾部 */
.server{
    line-height: 80px;
}
.server .server-bg{
    display: block;
    width: 226px;
    height: 66px;
    text-align: center;
    margin-left: 58px;
}
.server .server-text{
    width: 128px;
    height: 66px;
    line-height: 36px;
    text-align: left;
}
.bgimg1{
    background: url(../imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg) no-repeat 20px;
}
.bgimg2{
    background: url(../imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg) no-repeat 20px;
}
.bgimg3{
    background: url(../imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg) no-repeat 20px;
}
.bgimg4{
    background: url(../imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg) no-repeat 20px;
}
.footer-more li{
    width: 160px;
}
.footer-more .footer-a{
    display: block;
    margin-top: 10px;
    color: #666;
}
.footer-more .QR{
    width: 280px;
    height: 160px;
}